<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>

		<link rel="stylesheet" href="css/bootstrap.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<style>
			@media screen and (min-width:320px) {
				button{
				}
			}
			
			@media  screen and (max-width: 319px) {
				button{
					display: none;
					background: gold;
				}
			}
		</style>
		<script>
			$(document).ready(function(){
				$(window).resize(function() {
				var hided = $("button").is(":hidden");
				alert(hided);
			});

});
			
		</script>
	</head>

	<div class="container">
		<div class="row">
			<div class="col-md-2">
				
					<button class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span>文章分类</button>

			</div>

		</div>
	</div>

	<body>
	</body>

</html>